<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Laya家族</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/family.css"/>
	</head>
	<body>
		
		<!-- 大容器 开始 -->
		<div class="web">
			
			<!-- 导航条 开始 -->
			<header>
				<nav class="navbar navbar-inverse navbar-fixed-top">
				  <div class="container">
				    <!-- Brand and toggle get grouped for better mobile display -->
				    <div class="navbar-header">
				      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				      </button>
				      <a class="navbar-brand" href="#">
						  <img src="./img/images/首页logo_03.png" >
					  </a>
				    </div>
				
				    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				      <ul class="nav navbar-nav">
				        <li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>
				        <li><a href="#">Laya家族</a></li>
						<li><a href="#">游戏</a></li>
						<li><a href="#">新闻动态</a></li>
						<li><a href="#">开发者中心</a></li>
						<li><a href="#">开发者社区</a></li>
						<li><a href="#">开放平台</a></li>
						<li><a href="#">关于我们</a></li>
				      </ul>
				      <ul class="nav navbar-nav navbar-right">
				        <li class="dropdown">
				          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
				          <ul class="dropdown-menu">
				            <li><a href="#">中文</a></li>
				            <li><a href="#">English</a></li>
				          </ul>
				        </li>
				      </ul>
				    </div><!-- /.navbar-collapse -->
				  </div><!-- /.container-fluid -->
				</nav>
			</header>
			<!-- 导航条 结束 -->
			
			
			<!-- 主体 开始 -->
			<div class="content">
				
				<!-- 1 LayaFlash 开始 -->
				<section class="product">
					
					<div class="container Flash">
						
						<div class="row">
							<div class="col-md-6 col-ms-6 col-xs-12 fs_left">
								<div class="fs_title">
									<p>
										<span class="tit-num">1</span>
										<span class="tit-name">LayaFlash</span>
									</p>
								</div>
								<div class="fs_type">
									<p class="ty_p">直接用Flash AS3语言开发HTML5的引擎</p>
									<ul>
										<li class="ty_li">
											支持Flash AS3语言及框架在Flash Builder、
											FlashDevelop中直接开发HTML5产品；
										</li>
										<li class="ty_li">
											支持将Flash页游\手游产品快速转换成为HTML5游戏，
											让Flash研发企业进入HTML5市场低成本、无门槛；
										</li>
										<li class="ty_li">
											支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。
										</li>
									</ul>
									<p class="ty_btn">
										<a href="" class="a_btn">进入下载</a>
									</p>
								</div>
							</div>
							<div class="col-md-6 col-ms-6 col-xs-12 fs_right">
								<img src="img/images/1_Flash_03.jpg" >
							</div>
						</div>
						
					</div>
					
				</section>
				<!-- 1 LayaFlash 结束 -->
				
				<!-- 2 LayaPlayer 开始 -->
				<section class="player">
					
					<div class="container player">
						
						<div class="row">
							<div class="col-md-12">
								<div class="pl_title">
									<p>
										<span class="tit-num">2</span>
										<span class="tit-name">LayaPlayer</span>
									</p>
								</div>
							</div>
						</div>
						
						<div class="row">
							
							<div class="col-md-4 col-ms-4 play">
								1111
							</div>
							
							<div class="col-md-4 col-ms-4 play">
								2222
							</div>
							
							<div class="col-md-4 col-ms-4 play">
								3333
							</div>
							
						</div>
						
					</div>
						
						
				</section>
				<!-- 2 LayaPlayer 结束 -->
				
				
				<!-- 尾部 开始 -->
				<footer>
					
					<div class="container foot">
						<div class="row">
							
							<div class="col-md-8 col-sm-8 col-xs-12 fo_left">
								<div class="l_ul clearfix">
									<ul>
										<a href="#">
											<li class="l_li">公司简介</li>
										</a>
										<a href="#">
											<li class="l_li">联系方式</li>
										</a>
										<a href="#">
											<li class="l_li">人才招聘</li>
										</a>
									</ul>
								</div>
								<div class="l_p">
									<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
								</div>
							</div>
							
							<div class="col-md-4 col-sm-4 col-xs-12 fo_right">
								<div class="footerwrap">
									<div class="wrap_1" id="btn1">
										<a href="" class="e"><img src="./img/images/邮件底部_03.jpg" ></a>
									</div>
									<div class="wrap1_f" id="btn1_light" style="display: none;">
										<img src="img/images/email.png" >
									</div>
									<div class="wrap_2" id="btn2">
										<a href=""><img src="img/images/尾部微信_03.jpg" ></a>
									</div>
									<div class="wrap2_f" id="btn2_light" style="display: none;">
										<img src="img/images/weixin.png" >
									</div>
									<div class="wrap_1" id="btn3">
										<a href=""><img src="img/images/尾部qq_03.jpg" ></a>
									</div>
									<div class="wrap3_f" id="btn3_light" style="display: none;">
										<img src="img/images/qqpop.png" >
									</div>
								</div>
							</div>
							
						</div>
					</div>
					
				</footer>
				<!-- 尾部 结束 -->
				
			</div>
			<!-- 主体 结束 -->
			
			
			
			
		</div>
		<!-- 大容器 结束 -->
		
		
		
		
		<script src="js/jQuery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			window.onload = function(){
				var oBtn1 = document.getElementById('btn1');
				var oBtn1s = document.getElementById('btn1_light')
				var oBtn2 = document.getElementById('btn2');
				var oBtn2s = document.getElementById('btn2_light')
				var oBtn3 = document.getElementById('btn3');
				var oBtn3s = document.getElementById('btn3_light')
				oBtn1.onmouseover = function(){
					oBtn1s.style.display='block';
				}
				oBtn1.onmouseout = function(){
					oBtn1s.style.display='none';
				}
				oBtn2.onmouseover = function(){
					oBtn2s.style.display='block';
				}
				oBtn2.onmouseout = function(){
					oBtn2s.style.display='none';
				}
				oBtn3.onmouseover = function(){
					oBtn3s.style.display='block';
				}
				oBtn3.onmouseout = function(){
					oBtn3s.style.display='none';
				}
			}
			
			
		</script>
	</body>
</html>
